
// 一进文章列表 直接调用getArticle() 将数据显示在列表中 
getArticle()
// 入口函数
function getCategory() {
    //发送ajax请求 获取所有的文章类别 通过模板引擎渲染到下拉菜单中
    request({
        type: "get",
        url: "/admin/category/list",
        success: function (response) {
            // console.log(response);
            if (response.code === 200) {
                // alert(response.msg)
                const renderResult = template('categoryTemplate', response)
                $('#selCategory').html(renderResult);
            }
        }
    });
}
getCategory()

// 点击筛选更新数据
function getArticle(page) {
    const selCategory = $('#selCategory').val()
    const btnSearch = $('#selStatus').val()
    request({
        type: "get",
        url: "/admin/article/query",
        data: {
            type: selCategory,
            state: btnSearch,
            page: page,
        },
        success: function (response) {
            // console.log(response);
            if (response.code === 200) {
                const renderResult = template('articleTemplate', response.data);
                $('tbody').html(renderResult);

                initPagination(response.data.totalPage)

            }
        }
    });
}

//删除文章
function deleteArticle(id) {

    if (confirm('确定要删除吗')) {
        request({
            type: "post",
            url: "/admin/article/delete",
            data: { id },
            success: function (response) {
                // console.log(response);
                if (response.code === 204) {
                    alert(response.msg)
                    getArticle(global.page)
                }
            }
        });
    }
}

const global = {

}

// 根据页码获取文章
function initPagination(totalPage) {
    // 调用分页插件方法
    $('#pagination').twbsPagination({
        totalPages: totalPage, // 总的页数
        visiblePages: 5, // 显示多少页
        first: '首页',
        last: '末页',
        prev: '上一页',
        next: '下一页',
        // 当点击页码获取对应页面数据
        onPageClick: function (event, page) {

            getArticle(page)
            // 把当前访问的页面记录到全局变量中
            global.page = page
        }
    });
}





